<style>
  .fsize15 {
    font-size: 15px;
  }
  .mt7 {
    margin-top: 7px;
  }
  .pr0 {
    padding-right: 0px;
  }
  .pt0 {
      padding-top: 0px
  }
</style>
<div class="container-fluid">
  <div class="row">
    <!-- 搜索 -->
    <div class="col-xs-12 panel panel-body">
      <div class="col-xs-12">
        <div class="col-xs-1 text-right mt7 pr0">产品名称</div>
        <div class="col-xs-4">
          <input type="text" class="form-control" ng-model="searchParams.name" placeholder="产品名称">
        </div>
        <div class="col-xs-2 pull-right">
          <button class="btn btn-info btn-block" ng-click="getList()">搜 索</button>
        </div>
      </div>
      <div class="col-xs-12 mt7">
        <div class="col-xs-1 text-right mt7 pr0">景区名称</div>
        <div class="col-xs-4">
          <input type="text" class="form-control" ng-model="searchParams.place_name" placeholder="景区名称">
        </div>
        <div class="col-xs-1 text-right mt7 pr0">所在地区</div>
        <div class="col-xs-2">
          <ui-select ng-model="searchParams.province" theme="bootstrap" ng-change="searchArea(searchParams.province)">
            <ui-select-match placeholder="省">{{$select.selected.name}}</ui-select-match>
            <ui-select-choices repeat="item.code as item in searchParams.provinceList | filter: $select.search">
              <span ng-bind-html="item.name | highlight: $select.search"></span>
            </ui-select-choices>
          </ui-select>
        </div>
        <div class="col-xs-2 text-left">
          <ui-select ng-model="searchParams.city" theme="bootstrap">
            <ui-select-match placeholder="市">{{$select.selected.name}}</ui-select-match>
            <ui-select-choices repeat="item.code as item in searchParams.cityList | filter: $select.search">
              <span ng-bind-html="item.name | highlight: $select.search"></span>
            </ui-select-choices>
          </ui-select>
        </div>
      </div>
    </div>

    <!-- 产品 -->
    <div class="col-xs-12 panel panel-body" ng-repeat="(key, view) in viewMap">
      <!-- 景区简介 -->
      <div class="col-xs-12">
        <div class="col-xs-3">
          <img src={{view.img}} alt="景区图片" style="width: 250px; height: 120px;" ng-click="lookImg(view.img)">
        </div>
        <h4 class="col-xs-9">
          <div class="col-xs-12 mt10"><strong>{{view.place_name}}</strong></div>
          <div class="col-xs-12 mt20">地址：{{view.address}}</div>
          <div class="col-xs-12 mt10">
            <button class="btn btn-info btn-xs" ng-click="introduce(key)">
              <i class="icon-paper-clip"></i> 景区介绍
            </button>
          </div>
        </h4>
      </div>
      <!-- 门票信息 -->
      <div class="col-xs-12 mt10">
        <table class="table table-bordered">
          <thead>
            <th class="text-center">产品编号</th>
            <th class="text-center">产品名称</th>
            <th class="text-center">供应商</th>
            <th class="text-center">门市价</th>
            <th class="text-center">零售价</th>
            <th class="text-center">结算价</th>
            <th class="text-center">购买</th>
          </thead>
          <tbody ng-repeat="sale in view.saleList" style="border-top-width: 0px;">
            <tr>
              <td class="text-center">{{sale.sale_code}}</td>
              <td class="text-center">
                <a class="btn btn-link text-primary pt0" ng-click="sale.is_show_info = !sale.is_show_info">
                  {{sale.sale_name}}
                  <i class="fa fa-caret-right" ng-show="!sale.is_show_info"></i>
                  <i class="fa fa-caret-down" ng-show="sale.is_show_info"></i>
                </a>
              </td>
              <td class="text-center">{{sale.company_name}}</td>
              <td class="text-center"><strong><del>￥{{sale.market_price}}</del></strong></td>
              <td class="text-center"><strong>￥{{sale.guide_price}}</strong></td>
              <td class="text-center"><strong class="text-warning">￥{{sale.cost_price}}</strong></td>
              <td class="text-center">
                <a class="btn btn-success btn-xs" ng-click="buy(sale)">创建游团</a>
              </td>
            </tr>
            <tr ng-show="sale.is_show_info">
              <td colspan="8" ng-if="sale.bookingnotes">
                <span ng-bind-html="sale.bookingnotes"></span>
              </td>
              <td colspan="8" class="text-center" ng-if="!sale.bookingnotes">暂无介绍</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>

  </div>
</div>